import SuperTableVue from "@/components/SuperTable";
import {GetOrganizationList,SaveOrUpdate,DeleteById} from "@/service";
import {ElButton} from "element-plus";
import {h} from "vue";


export default new SuperTableVue({
    tableConfig:{
        props:[//表格的列信息
            { prop: 'code', label: '编号', minWidth: '150'},
            { prop: 'name', label: '名称', minWidth: '50'},
            { prop: 'fathername', label: '上级名称', minWidth: '130'},
            { prop: 'districtname', label: '区县名称', minWidth: '100'},
        ],
        getDataFunction:(pagenum,pagesize,queryInfo)=>{//数据初始化方法
            //组参阶段
            let params = {
                pageIndex:pagenum,
                pageSize:pagesize,
                name:queryInfo.name,
            }
            return GetOrganizationList(params).then(res=>{
                if (res.data && res.code == "200") {
                    const querysuccess = true;
                    const totalcount = res.total;
                    const datalist = res.data
                    return ({querysuccess,totalcount,datalist})
                }
            })
        },

    },
    searchConfig:{//搜索区域配置
        props: [
            {
                field: 'name',
                type: 'input',
                label: '名称',
                placeholder: '请输入名称',
            },
        ],
    },

})
























//如果需要在外层包裹
// export default {
//     setup:()=>{
//         return ()=><div style={{padding:'10px',height:'calc(100% - 20px)'}}>
//             {
//                 h(new SuperTableVue({
//                     tableConfig:{
//                         props:[//表格的列信息
//                             { prop: 'code', label: '编号', minWidth: '150'},
//                             { prop: 'name', label: '名称', minWidth: '50'},
//                             { prop: 'fathername', label: '上级名称', minWidth: '130'},
//                             { prop: 'districtname', label: '区县名称', minWidth: '100'},
//                         ],
//                         getDataFunction:(pagenum,pagesize,queryInfo)=>{//数据初始化方法
//                             //组参阶段
//                             let params = {
//                                 pageIndex:pagenum,
//                                 pageSize:pagesize,
//                                 name:queryInfo.name,
//                             }
//                             return GetOrganizationList(params).then(res=>{
//                                 if (res.data && res.code == "200") {
//                                     const querysuccess = true;
//                                     const totalcount = res.total;
//                                     const datalist = res.data
//                                     return ({querysuccess,totalcount,datalist})
//                                 }
//                             })
//                         },
                
//                     },
//                     searchConfig:{//搜索区域配置
//                         props: [
//                             {
//                                 field: 'name',
//                                 type: 'input',
//                                 label: '名称',
//                                 placeholder: '请输入名称',
//                             },
//                         ],
//                     },
                
//                 }))
//             }
//         </div>
//     }
// }
